<template>
  <div style="color: #666;font-size: 14px;">
    <div style="padding-bottom: 20px">
      <b>欢迎使用！</b>
    </div>

    <div style="height: 1px; background: #ddd; margin: 20px 0"/>

    <el-row :gutter="30">
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 30px;color: dodgerblue ">企业物资管理系统</div>
        <div style="padding: 100px 0;font-size: 15px;color: black">
          本系统设计方便于管理层管理物资，掌握明细，同时对部门或员工对物资设备的各种请求进行登记以便统计
        </div>
      </el-col>
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 20px">技术栈</div>
        <el-row>
          <el-col :span="12" style="line-height: 30px">
            <div><b>后端</b></div>
            <div>SpringBoot2</div>
            <div>Hutool</div>
            <div>Poi</div>
            <div>Lombok</div>
            <div>Mybatis/Mybatis-plus</div>
          </el-col>
          <el-col :span="12" style="line-height: 30px">
            <b>前端</b>
            <div>Vue2</div>
            <div>Vue-Router</div>
            <div>VueX</div>
            <div>ElementUI</div>
            <div>Axios</div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>

  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {

    }
  }
}
</script>
<style scoped>
h1{
    font-size: 60px;
    color:crimson;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
span{
    font-size:45px;
    font-family: 'Times New Roman', Times, serif;
    text-align:center;
    text-shadow: 2px 2px 2px grey;
}
b{
  font-size:20px;
}
</style>
